.partnerBanner{
  background: url('../images/partner-banner.jpg') center no-repeat;
  background-size: cover;
}
.i.icon{display: inline-block;}
.part-box{margin-top: 70px;}
.part-box:first-child{margin-top: 0;}
.boxPartner{
  background-color: #fff;
  .text{
    .inner{
      padding-left: 3%;
      position: relative;top: 50%;
      transform: translateY(-50%);
      .tit{font-size: 30px;}
      .line{width: 60px;margin: 22px 0 12px;}
      .area-list{
        overflow: hidden;margin-left: -18px;
        .list{
          float: left;margin: 10px 0 0 18px;font-size: 16px;
          i.pos{
            width: 12px;height: 16px;
            background: url('../images/partner-pos.png');
            vertical-align: middle;margin-right: 3px;
            position: relative;top: -2px;
          }
        }
        .list.active{color: #ff381e;}
      }
      .province-list{
        margin-top: 26px;
        i.arrow{
          width: 12px;height: 13px;
          background: url('../images/partner-arrow.png');
          vertical-align: middle;
        }
        a{display: inline-block;margin-left: 27px;color: #666;}
        a:nth-child(2){margin-left: 12px!important;}
      }
    }
  }
  .provNum{
    padding: 0;
    width: 25%;background-color: #333;
    text-align: center;color: #fff;
    .inner{
      position: relative;top: 50%;
      transform: translateY(-50%);
      .num{font-size: 60px;}
      .font{font-size: 16px;}
      .line{width: 58px;border-color: #fff;margin: 18px auto 0;}
    }
  }
  .img{
    padding: 0;overflow: hidden;
    .manBox{
      width: 50%;position: relative;float: left;
      img{width: 100%;}
      .mask{
        position: absolute;left: 0;top: 0;
        width: 100%;height: 100%;color: #fff;
        background-color: rgba(0,0,0,0.5);
        padding: 45px 0 0 15%;opacity: 0;
        transition: all 0.5s;
        .name{font-size: 20px;}
        .line{width: 25px;border-color: #fff;margin: 24px 0;}
        .pos{font-size: 12px;margin-top: 5px;}
      }
      .mask:hover{
        opacity: 1;
      }
    }
  }
}

// *****团队介绍*****
.teamBanner{
  background: url('../images/team-banner.jpg') center no-repeat;
  background-size: cover;
}
.team-box{
  margin-top: 40px;
  &:first-child{margin-top: 0;}
}
.boxTeam{
  .text{
    padding: 0;
    .inner{
      width: 81%;margin: 0 auto;
      .txt{font-size: 16px;line-height: 32px;text-indent: 2em;margin-top: 28px;}
      .sub{font-size: 20px;}
    }
  }
  .counselor .inner {
    .sub{margin-top: 22px;}
    .txt{margin-top: 16px;text-indent: 0;}
  }
  .img{
    .bg-black{background-color: #02050a;color: #fff;}
    .bg-gray{background-color: #dbdbdb;}
    .inner{
      width: 81%;margin: 0 auto;
      position: relative;top: 50%;
      transform: translateY(-50%);
      .name{font-size: 24px;margin-bottom: 28px;}
      .pos{font-size: 16px;line-height: 32px;}
      .tit1{font-size: 32px;line-height: 40px;}
      .tit2{font-size: 36px;margin-top: 10px;}
      .line{width: 50px;margin-top: 24px;}
      .big{font-size: 70px;text-align: center;
      margin-top: 30px;line-height: 80px;}
      .small{font-size: 16px;text-align: center;}
    }
    .manager{
      position: relative;
    }
    .manage-txt2{
      .tit{font-size: 28px;}
      .txt{font-size: 16px;line-height: 32px;margin-top: 15px;}
    }
  }
}

@media (max-width:1366px){
  .boxPartner{
    .text .inner .area-list .list{font-size: 14px;}
    .provNum .inner .num{font-size: 54px;}
  }
}
@media (max-width:1200px){
  .boxTeam{
    .text{
      .inner{
        .tit{font-size: 24px;}
        .txt{margin-top: 20px;}
      }
    }
    .img{
      .inner{
        .name{font-size: 22px;margin-bottom: 18px;}
        .tit1{font-size: 24px;}
        .tit2{font-size: 28px;}
        .line{margin-top: 16px;}
        .big{font-size: 56px;margin-top: 20px;}
      }
      .manage-txt2 .tit{font-size: 22px;}
    }
    .counselor .inner{
      .sub{margin-top: 16px;font-size: 18px;}
      .txt{margin-top: 12px;}
    }
  }
}
@media (max-width:1100px){
  .part-box{margin-top: 50px;}
  .boxPartner{
    .text .inner{
      .tit{font-size: 22px;}
    }
    .provNum .inner .num{font-size: 48px;}
  }
}
@media (max-width:1000px){
  .boxTeam{
    .text{
      .inner{
        .line{margin: 14px 0 8px;}
        .txt{margin-top: 12px;font-size: 14px;line-height: 28px;}
      }
    }
    .img{
      .inner{
        .name{font-size: 18px;margin-bottom: 12px;}
        .pos{font-size: 14px;line-height: 28px;}
        .tit1{line-height: 32px;}
        .tit2{font-size: 24px;}
        .big{font-size: 45px;line-height: 60px;}
        .small{font-size: 14px;}
      }
      .manage-txt2{
        .tit{font-size: 20px;}
        .txt{font-size: 14px;line-height: 28px;}
      }
    }
  }
}
@media (max-width:991px){
  .boxPartner{
    .provNum .inner .num{font-size: 42px;}
  }
  .boxPartner .text .inner .line{width: 45px;}
}
@media (min-width:550px)and(max-width:900px){
  .boxPartner{
    .text{
      width: 100%;
    }
    .provNum{width: 50%;}
    .img{
      width: 100%;
    }
    .text .inner .tit {font-size: 30px;}
    .provNum .inner .num{font-size: 54px;}
  }
  .boxTeam{
    .text{
      .inner{
        .line{margin: 22px 0;}
        .sub{font-size: 22px;}
        .txt{font-size: 16px;line-height: 32px;}
      }
    }
    .img{
      .inner{
        .name{font-size: 24px;margin-bottom: 22px;}
        .pos{font-size: 16px;line-height: 32px;}
        .tit1{font-size: 28px;}
        .tit2{font-size: 30px;}
        .big{font-size: 70px;margin-top: 42px;line-height: 80px;}
        .small{font-size: 16px;margin-top: 10px;}
      }
      .manage-txt2{
        .tit{font-size: 28px;}
        .txt{font-size: 16px;line-height: 32px;}
      }
    }
  }
}
@media (min-width:900px){
  .teamChange{
    .img,.text{position: static;}
  }
}
@media (max-width:500px){
  .boxPartner{
    .text .inner .tit {font-size: 22px;}
    .provNum .info .inner .num{font-size: 42px;}
    .img .manBox .mask{
      padding: 30px 0 0 10%;
      .line{margin:18px 0;}
    }
  }
}
@media (max-width:400px){
  .part-box{margin-top: 40px;}
  .boxPartner{
    .provNum .inner .num{font-size: 32px;}
    .text .inner .province-list a{margin-left: 20px;}
    .img .manBox .mask{
      padding: 20px 0 0 10%;
      .name{font-size: 18px;}
      .line{margin:14px 0;}
    }
  }
  .boxTeam{
    .text{
      .inner{width: 100%;padding: 0 15px;}
    }
    .img{
      .inner{
        width: 100%;padding: 0 15px;
        .name{margin-bottom: 8px;}
        .pos{line-height: 22px;}
        .tit1{font-size: 20px;line-height: 28px;}
        .tit2{font-size: 22px;}
        .big{font-size: 40px;line-height: 50px;margin-top: 15px;}
      }
    }
  }
}
@media (max-width:374px){
  .boxPartner{
    .text .inner{
      .line{margin: 8px 0 3px;}
      .area-list .list{margin-top: 5px;}
      .province-list{
        margin-top: 8px;
      }
    }
    .provNum .inner .num{font-size: 28px;}
  }
}
@media (max-width:350px){
  .boxTeam{
    .text{
      .inner{
        .tit{font-size: 18px;}
        .txt{font-size: 12px;line-height: 20px;}
      }
    }
    .img{
      .inner{
        width: 100%;padding: 0 15px;
        .name{font-size: 18px;}
        .pos{font-size: 12px;line-height: 20px;}
        .tit1{font-size: 20px;line-height: 28px;}
        .tit2{font-size: 22px;}
        .big{font-size: 40px;line-height: 50px;margin-top: 15px;}
      }
      .manage-txt2{
        .tit{font-size: 16px;}
        .txt{font-size: 12px;line-height: 20px;}
      }
    }
    .counselor .inner .sub{font-size: 16px;margin-top: 10px;}
  }
}
